<!-- 通用头部 -->
<head th:fragment=blogHeader(title,keywords,description,blogConfig) xmlns="http://www.w3.org/1999/html">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title th:text="${title}"></title>
	<meta name="description" th:content="${description}">
	<meta name="keywords" th:content="${keywords}">
	<meta name="author" th:content="${blogConfig['blog.config.author'].configValue}">
	<meta name="copyright" th:content="${blogConfig['blog.config.copyright'].configValue}">
	<link rel="shortcut icon" href="/favicon.ico">
	<link th:href="@{/themes/bobey/resource/model/layui/src/css/layui.css}" rel="stylesheet" />
	<link th:href="@{/themes/bobey/resource/model/animate/animate.css}" rel="stylesheet" />
	<link th:href="@{/themes/bobey/resource/model/font-awesome-4.7.0/css/font-awesome.css}" rel="stylesheet" />
	<link th:href="@{/themes/bobey/resource/css/index.css}" rel="stylesheet" />


	<style type="text/css">
		.tagcloud {
			width: 100%;
			height: 100%;
			overflow: hidden
		}

		.tagcloud a {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			padding: 11px 30px;
			color: #333;
			font-size: 16px;
			border: 1px solid #e6e7e8;
			border-radius: 18px;
			background-color: #f2f4f8;
			text-decoration: none;
			white-space: nowrap;
			-o-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
			-ms-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
			-moz-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
			-webkit-box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
			box-shadow: 6px 4px 8px 0 rgba(151, 142, 136, .34);
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135, Color='#000000')";
			/*兼容ie7/8*/
			filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=125, Strength=9);
			/*strength是阴影大小，direction是阴影方位，单位为度，可以为负数，color是阴影颜色 （尽量使用数字）使用IE滤镜实现盒子阴影的盒子必须是行元素或以行元素显示（block或inline-block;）*/
		}

		.tagcloud a:hover {
			color: #3385cf;
		}
	</style>
</head>


<!-- 通用JS -->
<div th:fragment="footer_js">
	<script th:src="@{/themes/bobey/resource/model/layui/src/layui.js}"></script>
	<script th:src="@{/themes/bobey/resource/model/headroom/headroom.js}"></script>
	<script th:src="@{/themes/bobey/resource/model/couldtag/js/jquery-2.1.1.min.js}"></script>
	<script th:src="@{/themes/bobey/resource/model/couldtag/js/jquery.svg3dtagcloud.min.js}"></script>
	<script th:src="@{/themes/bobey/resource/js/tagcloud.js}"></script>
	<script th:inline="javascript"> var ctx = [[@{/}]]; </script>
	<script th:inline="JavaScript">
		$(document).ready(function() {
			layui.use([ 'element'], function() {
				var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
		});
			/*3D标签云*/
			tagcloud({
				selector: ".tagcloud",  //元素选择器
				fontsize: 16,       //基本字体大小, 单位px
				radius: 100,         //滚动半径, 单位px
				mspeed: "normal",   //滚动最大速度, 取值: slow, normal(默认), fast
				ispeed: "normal",   //滚动初速度, 取值: slow, normal(默认), fast
				direction: 135,     //初始滚动方向, 取值角度(顺时针360): 0对应top, 90对应left, 135对应right-bottom(默认)...
				keep: false          //鼠标移出组件后是否继续随鼠标滚动, 取值: false, true(默认) 对应 减速至初速度滚动, 随鼠标滚动
			});
			var tags = [[${@tagTag.listTag()}]],entries = [];
			$.each(tags, function(index, element) {
				entries.push({
					label: element.tagName,
					url: [[${blogConfig['blog.config.index'].configValue}]]+"/tag/"+element.tagId,
					target: '_top'
				})
			});

			var settings = {
				entries : entries,
				width : $('#bobey-tags').width(),
				height : $('#bobey-tags').width(),
				radius : '60%',
				radiusMin : 75,
				bgDraw : true,
				bgColor : '#494A5F',
				opacityOver : 1.00,
				opacityOut : 0.05,
				opacitySpeed : 6,
				fov : 800,
				speed : 0.5,
				fontFamily : 'Oswald, Arial, sans-serif',
				fontSize : '15',
				fontColor : '#fff',
				fontWeight : 'normal',//bold
				fontStyle : 'normal',//italic
				fontStretch : 'normal',//wider, narrower, ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded
				fontToUpperCase : true
			};

			//var svg3DTagCloud = new SVG3DTagCloud( document.getElementById( 'holder'  ), settings );
			$('#tag-cloud').svg3DTagCloud(settings);

			window.onresize = function() {
				location.reload();
			}

			$(".bobey-aside-button").click(function() {
				$(".bobey-nav-aside").css("display", "block");

				if ($(".bobey-nav-aside").hasClass("slideInDown")) {

					$(".bobey-nav-aside").removeClass("slideInDown");
					$(".bobey-nav-aside").addClass("slideOutUp");
					$("body").css("overflow-y", "auto");
				} else {

					$(".bobey-nav-aside").removeClass("slideOutUp");
					$(".bobey-nav-aside").addClass("slideInDown");
					$("body").css("overflow-y", "hidden");

				}

			});
		$(".side_con>li").mousemove(function() {
			$(".side_con>li").removeClass("on");
			$(this).addClass("on");
		})
		// grab an element
		var elem = document.querySelector("nav");
		var headroom = new Headroom(elem, {
			"tolerance" : 5,
			"offset" : 205,
			"classes" : {
				"initial" : "animated",
				"pinned" : "slideInDown",
				"unpinned" : "slideOutUp"
			}
		});
		headroom.init();
		});
	</script>
</div>

<!-- 导航 -->
<div th:fragment=menu(menus,blogConfig)>
	<div class="blog-nav-box">
		<!-- 主导航 桌面端-->
		<nav style="position: fixed; width: 100%; z-index: 10004;" class="bobey-nav">
			<!-- 主导航  居中-->
			<ul class="layui-nav" style="text-align: center;padding: 0 40px;" >
				<!-- 导航logo -->
				<li class="layui-nav-item bobey-nav-logo">
					<div>
						<a th:href="${blogConfig['blog.config.index'].configValue==''? '/':blogConfig['blog.config.index'].configValue}"
						 class="navbar-logo">
							<img th:if="${blogConfig['blog.config.logo'].configValue!=''}" th:src="${blogConfig['blog.config.logo'].configValue}"
							 th:alt="${blogConfig['blog.config.title'].configValue}" />
							<span th:if="${blogConfig['blog.config.logo'].configValue==''}" th:text="${blogConfig['blog.config.title'].configValue}"></span>
						</a>
					</div>
				</li>

				<!-- 导航菜单 -->
				<li class="layui-nav-item" th:each="column: ${menus.childMenus}">
					<a th:href="${column.columnUrl==''?'javascript:void(0)':column.columnUrl}"
					 th:text="${column.columnName}">最新活动</a>
					<dl th:if="${!#lists.isEmpty(column.childMenus)}" class="layui-nav-child">
						<dd th:each="columnChild: ${column.childMenus}">
							<a th:href="${columnChild.columnUrl}" th:text="${columnChild.columnName}">选项1</a>
						</dd>
					</dl>
				</li>

				<!-- 导航工具 -->
				<li class="layui-nav-item bobey-nav-tool" style="float: right;">
					<div class="layui-btn-group">
						<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
							<i class="layui-icon layui-icon-notice"></i>
						</button>
						<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
							<i class="layui-icon layui-icon-headset"></i>
						</button>
						<button type="button" class="layui-btn layui-btn-primary layui-btn-sm bobey-aside-button">
							<i class="layui-icon layui-icon-more"></i>
						</button>
					</div>
				</li>
				<shiro:user>　　　
					<li class="layui-nav-item" lay-unselect="" style="float: right;" th:with="user=${@userTag.getLoginUser()}">
						<a href="javascript:;"><img th:src="(${user.avatar} == '') ? @{/img/profile.jpg} : @{${user.avatar}}" class="layui-nav-img"><shiro:principal property="userName"/>  </a>
						<input id="userId" type="hidden" th:value="${user.userId}" />
						<dl class="layui-nav-child">
							<dd><a th:href="@{/blog/user/personal}">个人中心</a></dd>
							<dd><a th:href="@{/blog/user/logout}">退了</a></dd>
						</dl>
					</li>
				</shiro:user>
				<shiro:guest>
					<li class="layui-nav-item" lay-unselect="" style="float: right;">
						<input id="userId" type="hidden" th:value="''" />
						<a th:href="@{/blog/user/login}" ><i class="fa fa-sign-in" aria-hidden="true"></i>  </a>
					</li>
				</shiro:guest>
			</ul>
		</nav>

		<!-- 侧边导航 -->
		<aside>
			<ul class="layui-nav layui-nav-tree layui-nav-side bobey-nav-aside animated" style="text-align: center; margin-top: 60px; width: 100%; z-index: 10000;">
				<shiro:user>　
					<li class="layui-nav-item" lay-unselect="" style="float: right;" th:with="user=${@userTag.getLoginUser()}">
						<a href="javascript:;"><img th:src="(${user.avatar} == '') ? @{/img/profile.jpg} : @{${user.avatar}}" class="layui-nav-img"><shiro:principal property="userName"/>  </a>
						<dl class="layui-nav-child">
							<dd><a th:href="@{/blog/user/personal}">个人中心</a></dd>
							<dd><a th:href="@{/blog/user/logout}">退了</a></dd>
						</dl>
					</li>
				</shiro:user>
				<shiro:guest>
					<li class="layui-nav-item" lay-unselect="" style="float: right;">
						<a th:href="@{/blog/user/login}" ><i class="fa fa-sign-in" aria-hidden="true"></i>  </a>
					</li>
				</shiro:guest>
				<!-- 导航菜单 -->
				<li class="layui-nav-item" th:each="column: ${menus.childMenus}">
					<a th:href="${column.columnUrl==''?'javascript:void(0)':column.columnUrl}"
					 th:text="${column.columnName}">最新活动</a>
					<dl th:if="${!#lists.isEmpty(column.childMenus)}" class="layui-nav-child">
						<dd th:each="columnChild: ${column.childMenus}">
							<a th:href="${columnChild.columnUrl}" th:text="${columnChild.columnName}">选项1</a>
						</dd>
					</dl>
				</li>

			</ul>
		</aside>
	</div>
</div>
<!--文章排行 文本-->
<div th:fragment=articleSortText(articles)>
	<ul class="bobey-tab-list" th:each="article:${articles}">
		<li><a th:title="${article.articleTitle}" th:href="${blogConfig['blog.config.index'].configValue+'/post/'+article.articleId}"><i
				 class="layui-icon layui-icon-right"></i> <span th:text="${article.articleTitle}">为什么程序媛比程序猿写的代码更好？</span></a></li>
	</ul>
</div>
<!--文章排行 图片-->
<div th:fragment=articleSortImg(articles)>
	<ul class="sidebar_content side_con">
		<li th:each="article,articleStatus:${articles}" th:class="${articleStatus.index!=1}?'':'on'">
			<a th:href="${blogConfig['blog.config.index'].configValue+'/post/'+article.articleId}" th:title="${article.articleTitle}"
			 target="_blank">
				<div class="hotcom-img" th:with="imgs=${T(com.ruoyi.blog.utils.ThymeleafUtils).split(article.articleImg)}">
					<img th:src="${imgs==null?'https://vdposter.bdstatic.com/e695d5529cd4e26a9b28693e4f2cfc92.jpeg?x-bce-process=image/resize,m_fill,w_242,h_182/format,f_jpg/quality,Q_100':imgs[0]}"
					 th:alt="${article.articleTitle}">
				</div>
				<div class="hotcom-left">
					<div class="hot-com-title">
						<span th:class="${'num'+(articleStatus.index+1)}" th:text="${articleStatus.index+1}">1</span>
						<apan th:text="${article.articleTitle}">谷歌暂停与华为部分业务合作,华为:中国市场不受影响</apan>
					</div>
					<div class="hot-com-clock">阅读：<span th:text="${article.articleLook}">511</span></div>
				</div>
			</a></li>
	</ul>
</div>
<!--底部信息-->
<div th:fragment=bottom>
	<footer>
		<div class="layui-row">
			<!-- 友情链接 -->
			<div class="layui-col-md12 bobey-footer-other">
				<ul id="link-home">
					<li th:each="link:${@linkTag.listLink('footGroup')}"><a th:href="${link.linkUrl}" target="_blank" th:title="${link.linkName}"><img
							 th:src="${link.linkFavicon}" th:alt="${link.linkName}" />
							<span th:text="${link.linkName}">叶天冬博客</span></a></li>
				</ul>
			</div>
			<!-- 备案信息|网站信息 -->
			<div class="layui-col-md12 bobey-footer-copyright">
				<div>
					<span th:utext="${blogConfig['blog.config.footer'].configValue}">湘ICP备18005863号-1</span>@<span th:text="${#dates.format(new java.util.Date().getTime(), 'yyyy')}">|©2019</span>
					<a th:href="${blogConfig['blog.config.index'].configValue}" th:text="${blogConfig['blog.config.author'].configValue}"></a> 版权所有
				</div>
			</div>
		</div>
	</footer>
</div>
<!-- 首页文章列表 -->
<div th:fragment=blogArticles(posts)>
	<div class="layui-row">
		<!-- 文章列表 -->
		<div th:each="post,postStat:${posts.rows}" th:class="'layui-col-md4 layui-col-sm6 bobey-post-list '+${'post-page-'+(1+postStat.index/18)}">
			<div class="post-list-item">
				<div class="post-list-item-container">
					<div class="item-thumb  bg-deepgrey" th:with="imgs=${T(com.ruoyi.blog.utils.ThymeleafUtils).split(post.articleImg)},rando=${#numbers.formatDecimal(T(java.lang.Math).floor(T(java.lang.Math).random()*10),1,0)},iul=@{/themes/bobey/resource/images/thumbs/}"
					 th:style="'background-image:url('+${imgs==null?(iul+rando+'.jpg'):imgs[0]}+')'">
					</div>
					<div class="item-desc">
						<a th:href="${blogConfig['blog.config.index'].configValue+'/post/'+post.articleId}">
							<p th:text="${post.articleSummary}">产生原因最近做一简单的缓存，使用到springcache框架，集成EhCache。其间多方面努力解决</p>
						</a> <br> <br>
						<p class="post-tags" th:if="${!#lists.isEmpty(post.blogTags)}">
							<a th:each="tag:${post.blogTags}" th:href="${blogConfig['blog.config.index'].configValue+'/tag/'+tag.tagId}"
							 th:text="${tag.tagName}">产生原因 </a>
						</p>
					</div>
					<div class="item-slant reverse-slant  bg-deepgrey"></div>
					<div class="item-slant reverse-slant  bg-deepgrey"></div>
					<div class="item-slant"></div>
					<div class="item-label">
						<div class="item-title">
							<a th:href="${blogConfig['blog.config.index'].configValue+'/post/'+post.articleId}" th:text="${post.articleTitle}">Spring
								Cache注解无效：可能是类内方法调用注解缓存的方法</a>
						</div>
						<div class="item-meta clearfix">
							<div class="item-meta-info">
								<span> <i class="layui-icon ayui-icon-reply-fill" style="color: #1E9FFF;"></i> <span th:text="${#dates.format(post.createTime,'yyyy-MM-dd HH:mm')}"></span>
								</span> <span> <i class="layui-icon layui-icon-read l" style="color: #1E9FFF;"></i><span th:text="${post.blogArticleCount==null?0:post.blogArticleCount.articleLook}"></span>
								</span>
							</div>

							<div class="item-meta-cat" th:if="${!#lists.isEmpty(post.blogCats)}">
								<a th:each="cat:${post.blogCats}" th:href="${blogConfig['blog.config.index'].configValue+'/cat/'+cat.catId}"
								 th:text="${cat.catName}">产生原因 </a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="layui-col-md12 bobey-post-page" style=" text-align: center;" th:if="${posts.total>0}">
			<div class="layui-box layui-laypage layui-laypage-default">
				<a href="javascript:void(0)" class="page-this">1</a>
				<a href="javascript:void(0)" th:if="${posts.total>18&&posts.total<73}" th:each="i:${#numbers.sequence(2,posts.total%18==0?(posts.total/18):(posts.total/18+1))}"
				 th:text="${i}"></a>
				<a href="javascript:void(0)" th:if="${posts.total>72}" th:each="i:${#numbers.sequence(2,4)}" th:text="${i}"></a>
			</div>
		</div>
	</div>
</div>
<!-- 文章展示 -->
<div th:fragment=blogArticle(post,comments)>
	<div class="layui-row">
		<div class="layui-col-md12 bobey-box">
			<article class="bobey-post-box" style="background-color: white">
				<input id="articleId" th:value="${post.articleId}" type="hidden">
				<div class="layui-row">
					<div class="layui-col-md12 post-heard">
						<header>
							<h1 class="post-title">
								<a th:href="${blogConfig['blog.config.index'].configValue+'/post/'+post.articleId}" th:title="${post.articleTitle}"
								 th:text="${post.articleTitle}">php mb_strpos()php
									mb_strpos()函数详解php mb_strpos()函数详解函数详解</a>
							</h1>
							<br>
							<span class="post-read-reduce">
                               <span class="layui-badge layui-bg-green" th:text="${post.reprintUrl!=''?'原':'转'}"></span>
								<i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;<span th:text="${#dates.format(post.createTime,'yyyy-MM-dd HH:mm')}">2019-05-14
									13:55</span>
								<i class="fa fa-eye" aria-hidden="true"></i><span th:text="${post.blogArticleCount==null?0:post.blogArticleCount.articleLook}"></span>
								<span class="hidden-xs">&nbsp;
									<i class="fa fa-tags" aria-hidden="true"></i>&nbsp;
									<a th:each="tag:${post.blogTags}" th:href="${blogConfig['blog.config.index'].configValue+'/tag/'+tag.tagId}"
									 th:title="${tag.tagName}" th:text="${tag.tagName}">个人网站</a> &nbsp;
									<a th:each="cat:${post.blogCats}" th:href="${blogConfig['blog.config.index'].configValue+'/cat/'+cat.catId}"
									 th:title="${cat.catName}" th:text="${cat.catName}">个人网站</a> &nbsp;

								</span>
							</span>
						</header>

					</div>
					<div class="layui-col-md12 post-content fr-element fr-view" dir="ltr" aria-disabled="false" spellcheck="true" aria-readonly="false" contenteditable="true" th:utext="${post.articleContent}">
						好久没有坐下来写自己的博客了，很多时间总是用“忙”来给自己找理由，可很多时间不知道自己终究在忙些什么！每天都在无知无聊中走过，没有胜利的喜悦。。。每天总是那么彷徨！

						很多时间忘记了看身边的风景，也许只有坐在城市公交的那一刻，才感觉到这个城市的美丽和身边人物的多彩。也许爱情带来的不是快乐，而是一种十足的负担，为什么总是这么累？

						工作中的烦恼，让人厌恶了这种虚伪的客套，生活中的烦恼，让人厌恶了忙忙碌碌的日子。不知道什么是成功，不知道什么是失败，唯一能感觉的就是生活的无奈，用辛辛苦苦争得微薄的工资，拿去填充生活中的一切，很多时间，发现自己变了，变得没有梦想，没有理想，没有激情，没有快乐，没有情感，好久没有大喜大悲过，因为没有可以让自己大喜大悲的事情发生，每天都是那么平平淡淡。久了，才知道，工作也是那么的悲哀，有时候对别人的是一种羡慕，可羡慕别人的同时，别人也在羡慕着自己！这个世界，就是相互的攀比，总是生活的那么累，总是生活的了无生趣！小时候的梦想和青年时的理想一去不复返，理想与现实不知道为什么总是相差那么远，很多时间，不知道是自己成熟了，还是自己思想懈怠了，原本那么多的激情，现在却被工作和生活打得无影无踪！有时候，真想停下来看看身后的事物和过去的事情，因为这有很多值得回忆的快乐！可是，人生没有回头了，时间没有倒流时，过去的就是过去了，留下的只是回忆，却永远不是现实。

						不知道是在乎的太多，还是朋友的不理解？一次次的扣问自己的心灵，可永远没有给自己一个满意的答案，身体累了可以停下来歇歇，可心情累了，却找不到弥补的空间。每天的奔波让自己无所适从，我是谁？我在干什么？我做事为了什么？一次一次的问自己，可谁又能回答这些？

						知道了，却想着要逃避，远离这纷杂的城市，为自己求的一个安静的港湾，好好放下一切，无忧无虑的去生活，可梦想毕竟是梦想，
						现实中又去那能够寻找到呢？逃避不是解决问题的根本，重要的还是让自己能够释放自己的情怀，给自己留下一个愉快的心情，去快乐的享受生活中一切的美好！所以，无论何时，都要给自己留下一个好心情！

						这时候，又大雨下了，望着外面的大雨，内心深处，却一直在下着小雨，总是那么湿湿的潮潮的，静下心来，才知道，自己在这个季节，心情一直是忧伤的！
					</div>
					<div class="layui-col-md12 ">
						<div class="entry-meta">
							<fieldset class="layui-elem-field layui-field-title">
								<legend class="meta-leg">
									<span class="post-like" id="post-like"><i class="layui-icon layui-icon-praise"></i> </span>
									<span class="post-award" id="post-award">赏
										<img th:src="${blogConfig['blog.config.shang.zhi']?.configValue}" alt="" srcset="">
									</span>
									<span class="post-nasty" id="post-nasty"><i class="layui-icon layui-icon-tread"></i> </span>
								</legend>
							</fieldset>
						</div>
						<div class="post-suggest">
							<fieldset class="layui-elem-field layui-field-title">
								<legend>文章版权及转载声明</legend>
								<div class="layui-field-box">
									<ul>
										<li class="post-authot"><label >作者：</label><span th:text="${blogConfig['blog.config.author']?.configValue}">bobey</span></li>
										<li class="post-url"><label>本文地址：</label><a th:href="${blogConfig['blog.config.index'].configValue+'/post/'+post.articleId}" th:text="${blogConfig['blog.config.index'].configValue+'/post/'+post.articleId}"></a>
										<li class="post-rerint"><label>版权说明：</label><span th:text="${blogConfig['blog.config.post.copyright']?.configValue}">采用 知识共享署名4.0 国际许可协议进行许可
												本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名</span></li>
									</ul>
								</div>
							</fieldset>
						</div>
					</div>
					<div class="layui-col-md12 post-comment">
						<fieldset class="layui-elem-field layui-field-title">
							<legend>评论</legend>
							<div class="layui-field-box">
								<div class="layui-row">
									<div class="layui-col-md12">
										<button type="button" class="layui-btn  layui-btn-normal  comment-ok" th:data-comment="${0+','+post.articleId+','+''}">评论</button>
									</div>
									<div class="layui-col-md12 post-comment-list">
										<ul>
											<li th:each="commentOne,commentOneStat:${comments.rows}">
												<div class="comment-parent">
													<section th:with="user=${@userTag.getUserByUserId(commentOne.fromBy)}">
														<div class="comment-head">
															<a class="comment-name"  rel="nofollow"
															   th:href="@{/blog/user/{userId}(userId=${user.userId})}"><img th:src="${user.avatar}"><br/>
                                                                <span th:utext="${user.userName}">博主大大请问你的</span>
                                                            </a>
															<span class="comment-ua" th:text="${commentOne.userBower}">Ip</span>
															<span class="comment-index" th:text="${commentOneStat.index}+'楼'">1楼</span>
														</div>
														<br/>
														<div class="comment-content">
                                                            <div th:utext="${commentOne.content}">九九九</div>
														</div>
														<div class="comment-footer">
                                                            <span class="footer-time layui-text" th:text="${#dates.format(commentOne.createTime,'yyyy-MM-dd HH:mm')}">2019-05-17 08:52</span>

															<!--回复需要文章id,评论id,用户id-->
															<span at="148"  class="footer-reback layui-btn layui-btn-xs layui-btn-normal comment-ok" th:data-comment="${commentOne.commentId+','+commentOne.articleId+','+commentOne.fromBy}">回复</span>
                                                        </div>
													</section>
													<hr>
                                                </div>
												<div class="comment-child">
													<ul>
														<li th:each="commentTwo,commentTwoStat:${commentOne.childrenPageData.rows}">
															<section th:with="user=${@userTag.getUserByUserId(commentTwo.fromBy)}">
																<div class="comment-head">
																	<a class="comment-name"  rel="nofollow"
																	   th:href="@{/blog/user/{userId}(userId=${user.userId})}"><img th:src="${user.avatar}"><br/>
																	   <span th:utext="${user.userName}">博主大大请问你的</span>
																	</a>
																	<span class="comment-ua" th:text="${commentTwo.userBower}">Ip</span>
																	<span class="comment-index" th:text="${commentTwoStat.index}+'楼'">1楼</span>
																</div>
																<br/>
																<div class="comment-content">
																	<span>回复@<a th:with="user2=${@userTag.getUserByUserId(commentTwo.replyBy)}" th:href="@{/blog/user/{userId}(userId=${user2.userId})}" th:text="${user2.userName}"></a>：</span><span th:utext="${commentTwo.content}">九九九</span>
																</div>
																<div class="comment-footer">
																	<span class="footer-time layui-text" th:text="${#dates.format(commentTwo.createTime,'yyyy-MM-dd HH:mm')}">2019-05-17 08:52</span>

																	<!--回复需要文章id,评论id,用户id-->
																	<span at="148"  class="footer-reback layui-btn layui-btn-xs layui-btn-normal comment-ok" th:data-comment="${commentTwo.parentId+','+commentTwo.articleId+','+commentTwo.fromBy}">回复</span>
																</div>
															</section>
															<hr>
														</li>
													</ul>
												</div>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</fieldset>
					</div>
				</div>
			</article>
		</div>
	</div>
</div>
<!-- 标签列表 -->
<div th:fragment=blogTags(tags)>
	<div class="layui-row">
		<div class="layui-col-md12 bobey-box">
			<div class="layui-card-body" style="background-color: white;height: 100vh">
				<fieldset class="layui-elem-field" style="padding: 10px">
					<legend>标签列表</legend>
					<div class="layui-row layui-col-space10">
						<div class="layui-col-xs6 layui-col-sm6 layui-col-md3" th:each="tag:${tags}">
							<blockquote class="layui-elem-quote" style="padding:10px;"> <a th:href="${blogConfig['blog.config.index'].configValue+'/tag/'+tag.tagId}"
								 th:text="${tag.tagName+'（'+tag.tagCount+')'}"></a></blockquote>
						</div>
					</div>
				</fieldset>
			</div>
		</div>
	</div>
</div>
<!-- 标签查询文章 -->
<div th:fragment=blogArticlesByTag(tag,posts)>
	<div class="layui-row">
		<div class="layui-col-md12 bobey-box">
			<div class="bobey-posts">
				<fieldset class="layui-elem-field">
					<legend th:text="'标签：'+${tag.tagName+'('+tag.tagCount+')'}"></legend>
					<ul style="margin: 15px">
						<li th:each="post:${posts}">
							<div class="bobey-post-heard">
								<h2> <span class="layui-badge-rim" th:text="${post.articleType}">提问</span>
									<a th:href="${blogConfig['blog.config.index'].configValue+'/post/'+post.articleId}" th:text="${post.articleTitle}">layim如何与环信对接，购买会员有没有技术人员帮助呢</a>
								</h2>
							</div>
							<div class="bobey-post-summary">
								<p th:text="${post.articleSummary}" class="layui-text bobey-text"></p>
							</div>
							<div class="bobey-post-footer">
								<span class="author">作者：</span>
								<a href="http://blog.csdn.net/qq_35860138" target="_blank" th:text="${post.createBy}">qq_35860138</a>
								<span class="attr">浏览量：</span><span class="mr16" th:text="${post.blogArticleCount==null?0:post.blogArticleCount.articleLook}">235700</span>
								<span class="attr">时间：</span><span class="date" th:text="${#dates.format(post.createTime,'yyyy-MM-dd HH:mm')}">2018-09-14</span>
							</div>
						</li>
					</ul>

				</fieldset>
			</div>
		</div>
	</div>
</div>
<!-- 分类列表 -->
<div th:fragment=blogCats(cats)>
	<div class="layui-row">
		<div class="layui-col-md12 bobey-box">
			<div class="layui-card-body" style="background-color: white;height: 100vh">
				<fieldset class="layui-elem-field" style="padding: 10px">
					<legend>分类列表</legend>
					<div class="layui-row layui-col-space10">
						<div class="layui-col-xs6 layui-col-sm6 layui-col-md3" th:each="cat:${cats}">
							<blockquote class="layui-elem-quote" style="padding:10px;"> <a th:href="${blogConfig['blog.config.index'].configValue+'/cat/'+cat.catId}"
								 th:text="${cat.catName+'（'+cat.catCount+')'}"></a></blockquote>
						</div>
					</div>
				</fieldset>
			</div>
		</div>
	</div>
</div>
<!-- 分类查询文章 -->
<div th:fragment=blogArticlesByCat(cat,posts)>
	<div class="layui-row">
		<div class="layui-col-md12 bobey-box">
			<div class="bobey-posts">
				<fieldset class="layui-elem-field">
					<legend th:text="'分类：'+${cat.catName+'('+cat.catCount+')'}"></legend>
					<ul style="margin: 15px">
						<li th:each="post:${posts}">
							<div class="bobey-post-heard">
								<h2> <span class="layui-badge-rim" th:text="${post.articleType}">提问</span>
									<a th:href="${blogConfig['blog.config.index'].configValue+'/post/'+post.articleId}" th:text="${post.articleTitle}">layim如何与环信对接，购买会员有没有技术人员帮助呢</a>
								</h2>
							</div>
							<div class="bobey-post-summary">
								<p th:text="${post.articleSummary}" class="layui-text bobey-text"></p>
							</div>
							<div class="bobey-post-footer">
								<span class="author">作者：</span>
								<a href="http://blog.csdn.net/qq_35860138" target="_blank" th:text="${post.createBy}">qq_35860138</a>
								<span class="attr">浏览量：</span><span class="mr16" th:text="${post.blogArticleCount==null?0:post.blogArticleCount.articleLook}">235700</span>
								<span class="attr">时间：</span><span class="date" th:text="${#dates.format(post.createTime,'yyyy-MM-dd HH:mm')}">2018-09-14</span>
							</div>
						</li>
					</ul>
				</fieldset>
			</div>
		</div>
	</div>
</div>
<!-- 友情链接 -->
<div th:fragment=blogLinks(links)>
	<div class="layui-row">
		<div class="layui-col-md12 bobey-box">
			<div class="layui-card">
				<div class="layui-card-header">止戈导航</div>
				<div class="layui-row">
					<div class="layui-col-md3" th:each="groupLink,userStat:${links}">
						<div class="layui-card-body">
							<div class="layui-card-header" th:text="${userStat.current.key}">止戈导航</div>
							<div class="layui-row">
								<div class="layui-col-md4" th:each="link:${userStat.current.value}">
									<a th:href="${link.linkUrl}" target="_blank" rel="nofollow external"><img th:src="${link.linkFavicon}" th:alt="${link.linkName}"
										 style="width: 16px;
height: 16px;">
										<span th:text="${link.linkName}"></span></a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 关于本站 -->
<div th:fragment=blogAbout(blogConfig)>
	<div class="layui-row">
		<div class="layui-col-md12 bobey-box">
			<ul class="layui-timeline bobey-about-box" style="background-color: white">
				<li class="layui-timeline-item">
					<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
					<div class="layui-timeline-content layui-text">
						<h3 class="layui-timeline-title">关于本站</h3>
						<div th:utext="${blogConfig['blog.config.about.website']?.configValue}">
						</div>
					</div>
				</li>
				<li class="layui-timeline-item">
					<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
					<div class="layui-timeline-content layui-text">
						<h3 class="layui-timeline-title">关于作者</h3>
						<div th:utext="${blogConfig['blog.config.about.author']?.configValue}">
						</div>
					</div>
				</li>
				<li class="layui-timeline-item">
					<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
					<div class="layui-timeline-content layui-text">
						<h3 class="layui-timeline-title">个人主页</h3>
						<div th:utext="${blogConfig['blog.config.about.index']?.configValue}">
						</div>
					</div>
				</li>
				<li class="layui-timeline-item">
					<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
					<div class="layui-timeline-content layui-text">
						<h3 class="layui-timeline-title">联系方式</h3>
						<div th:utext="${blogConfig['blog.config.about.callme']?.configValue}">
						</div>
					</div>
				</li>
				<li class="layui-timeline-item">
					<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
					<div class="layui-timeline-content layui-text">
						<h3 class="layui-timeline-title"></h3>
					</div>
				</li>
			</ul>
		</div>
	</div>
</div>
<!-- 时间线 -->
<div th:fragment=blogArticleTimeLine(timeLineMap,timeLinePage)>
	<div class="layui-row" style="background-color: white">
		<div class="layui-col-md12">
			<ul class="layui-timeline bobey-about-box">
				<li class="layui-timeline-item" th:each="postMap,postStat:${timeLineMap}">
					<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
					<div class="layui-timeline-content layui-text">
						<h3 class="layui-timeline-title" th:text="${postStat.current.key}">关于本站</h3>
						<div th:each="post:${postStat.current.value}" class="line-posts">
							<div class="layui-card">
								<div class="layui-card-body">
									<div style="margin-top: 5px;">
										<span class="layui-badge layui-bg-green">原创</span>
										<span><a style="font-size: large;font-weight: bold" th:href="${blogConfig['blog.config.index'].configValue+'/post/'+post.articleId}"
											 th:title="${post.articleTitle}" th:text="${post.articleTitle}">Spring Boot集成开源Markdown编辑器Editor.md</a></span>
									</div>
									<hr class="layui-bg-gray">
									<div style="margin-top: 10px;">
										<div class="item-summary">
											<span style="color: #666666" th:text="${post.articleSummary}">Spring Boot中引入Editor.md</span>
										</div>
										<div class="item-tag">

											<div class="layui-btn-container">

												<i class="layui-icon layui-icon-note"></i>
												<a class="layui-btn layui-btn-normal layui-btn-sm" th:each="tag:${post.blogTags}" th:href="${blogConfig['blog.config.index'].configValue+'/tag/'+tag.tagId}"
												 th:title="${tag.tagName}" th:text="${tag.tagName}">个人网站</a> &nbsp;
												<a class="layui-btn layui-btn-warm layui-btn-sm" th:each="cat:${post.blogCats}" th:href="${blogConfig['blog.config.index'].configValue+'/cat/'+cat.catId}"
												 th:title="${cat.catName}" th:text="${cat.catName}">个人网站</a>
											</div>


										</div>
										<div style="margin-top: 10px;">
											<span><a style="color: #000000" th:href="${blogConfig['blog.config.index'].configValue+'/post/'+post.articleId}">阅读全文</a><i
												 class="layui-icon layui-icon-next" style="font-size: small"></i> </span>
										</div>
										<span class="item-date">
											<i class="layui-icon layui-icon-date"></i><span th:text="${#dates.format(post.createTime,'yyyy-MM-dd HH:mm')}">2020-04-13</span>
										</span>
										<span class="item-user">
											<i class="layui-icon layui-icon-username"></i><span>wjy329</span>
										</span>

										<span class="item-count">
											<i class="layui-icon layui-icon-read"></i><span>62</span>
										</span>
									</div>
								</div>

							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>


		<div class="layui-col-md12 ">
			<div class="layui-box layui-laypage layui-laypage-default" style="margin-left: 100px" th:if="${timeLinePage.pages>0}">
				<a th:if="${timeLinePage.pages>6}" th:href="${blogConfig['blog.config.index'].configValue+'/timeLine?pageNum=1'}">首页</a>
				<!--显示1-5页 页数少于5页-->
				<a th:if="${timeLinePage.pages<6}" th:each="i:${#numbers.sequence(1,5)}" th:text="${i}" th:href="${blogConfig['blog.config.index'].configValue+'/timeLine?pageNum='+i}"
				 th:style="${(i==timeLinePage.pageNum)}?'color:#1E9FFF':''"></a>
				<!--显示中间页 页数大于5页-->
				<a th:if="${timeLinePage.pages>5 and timeLinePage.pageNum<4}" th:each="i:${#numbers.sequence(1,5)}" th:text="${i}"
				 th:href="${blogConfig['blog.config.index'].configValue+'/timeLine?pageNum='+i}" th:style="${(i==timeLinePage.pageNum)}?'color:#1E9FFF':''"></a>
				<a th:if="${timeLinePage.pages>5 and (timeLinePage.pages-timeLinePage.pageNum)>5 and timeLinePage.pageNum>3}"
				 th:each="i:${#numbers.sequence(timeLinePage.pageNum-2,timeLinePage.pageNum+2)}" th:text="${i}" th:href="${blogConfig['blog.config.index'].configValue+'/timeLine?pageNum='+i}"
				 th:style="${(i==timeLinePage.pageNum)}?'color:#1E9FFF':''"></a>
				<!--显示最后5页 页数大于5页-->
				<a th:if="${timeLinePage.pages>5 and (timeLinePage.pages-timeLinePage.pageNum)<6 and (timeLinePage.pages-timeLinePage.pageNum)>2}"
				 th:each="i:${#numbers.sequence(timeLinePage.pageNum-2,timeLinePage.pageNum+2)}" th:text="${i}" th:href="${blogConfig['blog.config.index'].configValue+'/timeLine?pageNum='+i}"
				 th:style="${(i==timeLinePage.pageNum)}?'color:#1E9FFF':''"></a>
				<a th:if="${timeLinePage.pages>5 and (timeLinePage.pages-timeLinePage.pageNum)<3}" th:each="i:${#numbers.sequence(timeLinePage.pages-4,timeLinePage.pages)}"
				 th:text="${i}" th:href="${blogConfig['blog.config.index'].configValue+'/timeLine?pageNum='+i}" th:style="${(i==timeLinePage.pageNum)}?'color:#1E9FFF':''"></a>
				<a th:if="${timeLinePage.pages>6}" th:href="${blogConfig['blog.config.index'].configValue+'/timeLine?pageNum='+timeLinePage.pages}">尾页</a>
			</div>
		</div>
	</div>
</div>
<!-- 热门标签 -->
<div th:fragment=hotTag(tags)>
	<div class="tagcloud">
		<a th:each="tag:${tags}" th:href="${blogConfig['blog.config.index'].configValue+'/tag/'+tag.tagId}" th:text="${tag.tagName}"></a>
	</div>
</div>
<!-- 热门分类 -->
<div th:fragment=hotCategory(cats)>
	<div class="tagcloud">
		<a th:each="cat:${cats}" th:href="${blogConfig['blog.config.index'].configValue+'/cat/'+cat.catId}" th:text="${cat.catName}"></a>
	</div>
</div>
<!-- 通用右侧 -->
<div th:fragment=rightCommen>
	<div class="layui-row">

		<div class="layui-col-md12">
			<div class="layui-tab layui-tab-brief">
				<ul class="layui-tab-title" style="text-align: center">
					<li class="layui-this">最新发布</li>
					<li>文章推荐</li>
				</ul>
				<div class="layui-tab-content">
					<div class="layui-tab-item layui-show">
						<th:block th:include="themes/bobey/blog_include::articleSortText(articles=${@articleTag.listBlogArticleByTime()})" />
					</div>
					<div class="layui-tab-item">
						<th:block th:include="themes/bobey/blog_include::articleSortText(articles=${@articleTag.listBlogArticleByTop()})" />
					</div>
				</div>
			</div>
		</div>

		<div class="layui-col-md12">
			<div class="layui-card">
				<div class="layui-card-header">阅读排行</div>
				<div class="layui-card-body" id="side_con">
					<th:block th:include="themes/bobey/blog_include::articleSortImg(articles=${@articleTag.listBlogArticleByLook()})" />
				</div>
			</div>
		</div>

		<div class="layui-col-md12">
			<div class="layui-tab">
				<ul class="layui-tab-title" style="text-align: center">
					<li class="layui-this">推荐标签</li>
					<li>推荐分类</li>
				</ul>
				<div class="layui-tab-content" style="overflow:hidden;">
					<div class="layui-tab-item layui-show">
						<th:block th:include="themes/bobey/blog_include::hotTag(tags=${@tagTag.listTuiTag()})" />
					</div>
					<div class="layui-tab-item">
						<th:block th:include="themes/bobey/blog_include::hotCategory(cats=${@categoryTag.listTuiCategory()})" />
					</div>
				</div>
			</div>
		</div>

		<div class="layui-col-md12">
			<div class="layui-card">
				<div class="layui-card-header">标签云</div>
				<div class="layui-card-body" id="bobey-tags">
					<div id='tag-cloud'></div>
				</div>
			</div>
		</div>

	</div>
</div>
